<!DOCTYPE html>
<html>
<head>
  <title>SP2</title>
  <%= stylesheet_link_tag    "application" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>


<body>
  
  <div class="highligts_content">

      <div class="container-fluid">
          <div class="iMenu">
              <div class="row-fluid">
                  <div class="span12">
                      <div class="btn-toolbar">
                          <div class="btn-group">
                              <a class="btn tip-top" title="Dashboard" href="dashboard.html"><i class="icon-home"></i></a>
                              <a class="btn tip-top" title="Forms" href="forms.html"><i class="icon-cog"></i></a>
                              <a class="btn tip-top" title="UI Elements" href="ui_elements.html"><i class="icon-flag"></i></a>
                              <a class="btn tip-top" title="Typography" href="typography.html"><i class="icon-font"></i></a>
                              <a class="btn tip-top" title="Tables" href="tables.html"><i class="icon-list-alt"></i></a>
                              <a class="btn tip-top" title="Gallery" href="gallery.html"><i class="icon-picture"></i></a>
                              <a class="btn tip-top" title="Grid" href="grid.html"><i class="icon-th"></i></a>
                              <a class="btn tip-top" title="Charts" href="charts.html"><i class="icon-signal"></i></a>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

          <div class="stats">
              <div class="row-fluid">
                  <div class="span12">
                      <div class="statistics">
                          <ul class="quickstats">
                              <li>
                                  <%= link_to image_tag("icons/gray/glyphicons_072_bookmark.png")+"<span>Beranda</span>".html_safe, {:controller => "home", :action => "index"} %>
                              </li>
                              <li>                         
                                     <%= link_to image_tag("icons/gray/glyphicons_232_cloud.png")+"<span>Transaksi</span>".html_safe, {:controller => "home", :action => "transaksi"} %>   
                              </li>
                              <li>
                                  <a href="#">
                                      <%= image_tag("icons/black/glyphicons_355_announcement.png") %>
                                      <span>Pelanggan</span>
                                  </a>
                              </li>
                              <li class="blue gradient">
                                  <a href="#">
                                      <%= image_tag("icons/black/glyphicons_001_leaf.png") %>
                                      <span>Laporan</span>
                                  </a>
                              </li>
                              <li class="red gradient">
                                  <a href="#">
                                      <%= image_tag("icons/black/glyphicons_041_charts.png") %>
                                      <span>Pengaturan</span>
                                  </a>
                              </li>                              
                          </ul>
                      </div><!-- statistics end -->
                  </div>
              </div>
          </div>

      </div>
  </div><!-- hightlights_content end -->
  
<!-- ########################## content -->  
  <div class="contentainer_wrapper">
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
        <div class="wrapper"> <!-- class wrapper -->
        
        <!-- sidebar_navigation start -->
        <div class="sidebar_navigation gradient">
          <ul>
            <li class="active tip-right" title="Dashboard">
              <a href="dashboard.html" class="i_dashboard">
                <span class="tab_label">Home</span>
                <span class="tab_info">Halaman Muka</span>
              </a>
            </li>

            <li class="tip-right" title="Forms">
              <a href="forms.html" class="i_forms">
                <span class="tab_label">Forms</span>
                <span class="tab_info">Forms stuff</span>
              </a>
            </li>

            <li class="tip-right" title="UI Elements">
              <a href="ui_elements.html" class="i_elements tip-right">
                <span class="tab_label">UI Elements</span>
                <span class="tab_info">UI kits</span>
              </a>
            </li>

            <li class="tip-right" title="Typography">
              <a href="typography.html" class="i_typography tip-right">
                <span class="tab_label">Typography</span>
                <span class="tab_info">Your writing style</span>
              </a>
            </li>

            <li class="tip-right" title="Tables">
              <a href="tables.html" class="i_tables tip-right">
                <span class="tab_label">Tables</span>
                <span class="tab_info">Tabular sheets</span>
              </a>
            </li>

            <li class="tip-right" title="Gallery">
              <a href="gallery.html" class="i_gallery tip-right">
                <span class="tab_label">Gallery</span>
                <span class="tab_info">Photos &amp; Videos</span>
              </a>
            </li>

            <li class="tip-right" title="Grid">
              <a href="grid.html" class="i_grid tip-right">
                <span class="tab_label">Grid</span>
                <span class="tab_info">Overviews</span>
              </a>
            </li>

            <li class="tip-right" title="Typography">
              <a href="charts.html" class="i_charts tip-right">
                <span class="tab_label">Charts</span>
                <span class="tab_info">Visual Data</span>
              </a>
            </li>
          </ul>
        </div><!-- sidebar_navigation end -->
        
        <div class="content_wrapper">
          <div class="contents"> <!-- CONTENT -->
          <%= yield %>
          </div> <!-- END CONTENT -->             
        </div>
        
        </div> <!-- class wrapper end -->
      </div>
    </div>
  </div>
  </div><!-- container_wrapper end -->  
 
 
<!-- ####################### Content End -->  
  
    <%= render partial: "layouts/modal" %>      
</body>
</html>
